<script setup lang="ts">
const step=ref(0);
</script>

<template>
<div>
<AuthenText>
<pre>
功能介绍： 外部域名入库是指将域名在原注册商PUSH到本站对应账号，再将域名添加到本站域名库，入库完成后，域名可在本站进行交易，出售，以及管理。
</pre>
</AuthenText>
  <AuthenText v-if="step">
<div class="text-gray-400">
温馨提示：本次共提交 <span class="text-red-400">(1)</span>个域名，验证通过<span class="text-red-400">(1)</span>个，已选中<span class="text-red-400">(1)</span>个,共需入库费用<span class="text-red-400">(1)</span>元,请选择需要入库的域名后点击提交!
</div>
  </AuthenText>
  <el-card>
  <ProcessSteps title="入库流程" :steps="['提交域名验证','注册商PUSH域名','我方接受PUSH','入库域名并扣款',]"></ProcessSteps>
</el-card>
<el-card class="my-4">
  <div v-if="step">
    <el-table
        v-if="step"
        ref="multipleTable"
        :data="[{
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }]"
        tooltip-effect="dark"
        style="width: 100%"
    >
      <el-table-column selectable>

      </el-table-column>
      <el-table-column
          label="域名"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="验证结果"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          label="入库费用"
      >
        <template slot-scope="scope">{{ scope.row.date }}</template>
      </el-table-column>
      <el-table-column
          prop="address"
          label="操作"
      >
        <template slot-scope="scope">
          <div class="flex w-full">
            <el-button class="ml-1">删除</el-button>
          </div>
        </template>
      </el-table-column>
    </el-table>
    <div>
      <div class="flex">
        <el-checkbox class="ml-2"></el-checkbox>
        <el-button class="ml-4" type="primary">失败批量删除</el-button>
      </div>
      <div>
        <MyPage></MyPage>
      </div>
    </div>
  </div>
  <el-form label-suffix="：" label-width="100" v-else>
    <el-form-item label="注册商">
      <el-select>
        <el-option></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="您的账号">
      <el-input placeholder="请填写您在注册商的账号"></el-input>
    </el-form-item>
    <el-form-item label="域名">
      <el-input type="textarea" placeholder="请输入您要入库的域名，每行一个，最多1000个"></el-input>
    </el-form-item>
    <el-form-item>
      <div><el-button @click="step=step+1" type="primary">下一步</el-button><el-button @click="step=step-1" v-if="step">上一步</el-button></div>
    </el-form-item>
  </el-form>


</el-card>
</div>
</template>

<style scoped lang="scss">

</style>